@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background-color:#fff; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#454545;}
a{ font-size:12px; color:#454545; text-decoration:none;}
a:hover{ color:#09549f;} 
.cl{ clear:both; height:0; overflow:hidden;}.fl{ float:left;}.fr{ float:right;}.co{ color:#f05a28;}
.h15{ height:15px;}.l10{ margin-left:10px;}.r10{ margin-right:10px;}.t10{ margin-top:10px;}.b10{ margin-bottom:10px;}.ov{ overflow:hidden;}
.more{ float:right; margin:16px 15px 0 0; width:35px; height:11px; overflow:hidden;}.more img{ float:left;}

.top{ width:100%; height:25px; background-color:#f7fbff;}
.top ul{ width:980px; height:25px; line-height:25px; margin:0 auto;}
.logo{ width:980px; height:100px; margin:0 auto;}
.menu{ width:100%; height:45px; margin:0 auto; background:url(../images/menu_bg.jpg) repeat-x left top;}
.menu ul{ width:980px; height:45px; margin:0 auto;}
.menu ul li{ float:left; display:inline; border-left:1px solid #fff;}
.menu ul li a{ float:left; height:40px; line-height:40px; padding:5px 18px 0; font-size:15px; color:#fff; display:block;font-family:"微软雅黑";}
.menu ul li a.on,.menu ul li a:hover{ background:url(../images/menu_bg.jpg) repeat-x left bottom; color:#fff;}
#search{ width:970px; height:29px; line-height:29px; margin:10px auto; padding:0 0 0 10px; color:#666666;overflow:hidden;zoom:1;}
#search a{ color:#666666; margin:0 12px 0 0;}
.search { width:300px;}
#search .src_inp{ width:200px; height:29px; line-height:29px; border:0; padding:0 0 0 9px; margin:0; background:url(../images/srcbg.jpg) no-repeat left top;}
#search .src_sub{ cursor:pointer; width:61px; height:29px; border:0; padding:0; margin:0; background:url(../images/srcbg.jpg) no-repeat right top;}
/*Header结束*/
#banner{ width:980px;margin:0 auto; height:330px; background:url(../images/bannerbg.jpg) repeat-x left top;}
#banner ul{ width:980px; margin:0 auto;}

#main{ width:980px; height:auto; margin:0 auto;}
.product_i{ height:234px; overflow:hidden;}
.product_l{ width:200px;}
.product_l ul li,.product_r h3,.cases h3,.about_i h3,.contact_i h3,.sidebar h3,#right h3.tit{ padding-left:50px; height:39px; background:url(../images/titbg.jpg) no-repeat left top;}
.product_l ul li a,.product_r h3,.cases h3,.about_i h3,.news_i h3,.contact_i h3,.sidebar h3,.sidebar ul li a,#right h3.tit,.news li h4 a{ line-height:39px; color:#fff; font-family:"微软雅黑"; font-size:15px;}
.product_r{ width:760px;}
.product_r ul{ }
.product_r ul li,.muscle_i ul li{ float:left; width:152px; margin:12px 10px 0; text-align:center;}
.product_r ul li div,.muscle_i ul li div,.about_r dl dd div{ width:150px; height:150px; border:1px solid #d9d9d9;}
.product_r ul li p,.muscle_i ul li p,.about_r dd p,.product li p{ height:24px; line-height:24px; overflow:hidden;}
.product_r ul li:hover div,.muscle_i ul li:hover div,.about_r dl dd:hover div,.product li:hover div{ border:1px solid #0b65c0;}
.product_r ul li:hover a,.muscle_i ul li:hover a,.about_r dl dd:hover a,.product li:hover a{ color:#0b65c0;}

#demo{overflow:hidden;height:194px; border:1px solid #d9d9d9; border-top:0;} 
#demoimg { margin:0 auto;} 
#indemo { float: left; width:600%; overflow:hidden;} 
#demo1,#demo2 {float: left;overflow:hidden;} 

#demo3{overflow:hidden;} 
#demo4,#demo5 {float: left;overflow:hidden;} 

.youcase{ width:980px; height:410px; overflow:hidden;}
.youshi{ width:710px; height:410px; overflow:hidden;}
.cases{ width:250px; height:410px; overflow:hidden;}
.cases ul{ height:370px; border:1px solid #d9d9d9; border-top:0;}
.cases ul li{display: inline;float: left;height: 78px;margin: 11px 0px 0px 15px;overflow: hidden;text-align: center;width: 100px; border:1px solid #d9d9d9;}

.about_i{ width:980px;}
.about_i ul.about_ic{ height:399px; border:1px solid #d9d9d9; border-top:0;}
.about_i ul.about_ic li.about_l{ width:744px; height:399px; background:url(../images/aboutbg.jpg) no-repeat right center;}
.about_i ul.about_ic li.about_l dl{ padding:15px;}
.about_i ul.about_ic li.about_l dl .about_c{ height:180px; line-height:20px; background:url(../images/about_cbg.jpg) no-repeat right 0px;}
.about_i ul.about_ic li.about_l dl .muscle_i{ margin-top:5px;}

.about_r{ width:234px;}
.about_r dl{ width:234px; text-align:center;}
.about_r dl dd{ float:none; width:100%; margin:10px auto;}
.about_r dl dd div{ margin:0 auto;}

#demo6{width: 100%;overflow: hidden; height:379px; margin:10px auto;}
#demo7,#demo8{}

.news_i{ width:710px; overflow:hidden;}
.news_i h3{}
.news_i h3 div{ width:305px; float:left; padding-left:50px; height:39px; background:url(../images/titbg.jpg) no-repeat left top;}
.news_i ul,.contact_i ul{ height:290px; border:1px solid #d9d9d9; border-top:0;}
.news_i ul li{ float:left; display:inline; width:354px; height:290px; overflow:hidden;}
.news_i ul li.gsxw_c{ background:url(../images/newsbg.jpg) no-repeat right center;}
.news_i ul li dl{ padding:10px 20px 10px 15px;}
.news_i ul li dl dd{ height:32px; line-height:32px; overflow:hidden; border-bottom:1px dashed #d9d9d9; padding:0 5px; text-indent:20px; background:url(../images/src.jpg) no-repeat 10px center;}
.news_i ul li dl dd label{ float:right; color:#999;}

.contact_i{ width:250px;}
.contact_i ul{ background:url(../images/contactbg.jpg) no-repeat center 40px; padding:10px 15px; line-height:30px; height:270px; overflow:hidden;}
.contact_i ul h2,.sidebar ul.lxwm h2{ font-size:15px;}

#footer{ width:100%; background:url(../images/footerbg.jpg) repeat-x left top; color:#fff;}
#footer ul{ width:960px; margin:0 auto; padding:10px;}
#footer ul .botnav{ width:960px; height:35px; line-height:35px; overflow:hidden; border-bottom:1px solid #09549f; text-align:center;}
#footer ul .botnav a{ display:inline; margin:0 12px; color:#fff;}
#footer ul .bot{ widows:960px; border-top:1px solid #1c7cdd; padding:10px 0 0 0; text-align:center; line-height:22px;}

#left{ width:220px;}
#right{ width:740px;}

.sidebar h3{}
.sidebar ul{ background:#0c65c1 url(../images/titbg.jpg) no-repeat right top;}
.sidebar ul li{padding-left:60px; height:39px; background:url(../images/sidebarbg.jpg) no-repeat left top; overflow:hidden;}
.sidebar ul li.on,.sidebar ul li:hover{ background:url(../images/sidebarbg.jpg) no-repeat left bottom;}
.sidebar ul li a{ display:block; line-height:39px;}

.sidebar ul.lxwm{ background:url(../images/contactbg.jpg) no-repeat -22px 40px; padding:10px 5px; line-height:22px; overflow:hidden;}
.sidebar ul.lxwm h2{ margin-bottom:10px;}

#right h3.tit span{ margin-right:20px;}
#right h3.tit span,#right h3.tit span a{ font-size:12px; font-family:"宋体"; font-weight:100; color:#fff;}

#about{ padding:15px 20px; line-height:26px; border:1px solid #d9d9d9; border-top:0;}
#about h1{ font-size:18px; font-family:"微软雅黑"; text-align:center; line-height:35px;}
#about .time {border-bottom: 1px dashed #d9d9d9;line-height: 30px;margin-bottom: 10px; font-size:12px; color:#666;}
.cont{ font-size:14px; margin-bottom:10px;}

.prew, .nextw {background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px transparent;color: #6B6B6B; float: left;height: 24px;line-height: 24px;
overflow: hidden; padding-left: 15px;text-align: left;width: 46%;}
.nextw {background: url("../images/ui_next_info.gif") no-repeat scroll right 6px transparent;float: right;padding-right: 15px;text-align: right;}
.prew a, .nextw a { color: #6B6B6B; }

#xg_news ul li{border-bottom: 1px dashed #d9d9d9; float: left; line-height: 30px; width: 46%; padding:0 1% 0 3% ; background: url("../images/src.jpg") no-repeat scroll 10px center transparent;}

.news li{ cursor:pointer; border-bottom:1px dashed #d9d9d9;}
.news li h4{ padding:0 20px 0 20px; margin:10px 0 5px 0; height:28px; background:url(../images/sidebarbg.jpg) no-repeat -10px -45px;color:#fff;}
.news li h4 a{ line-height:28px;}
.news li p{ padding:0 10px;}
.news li:hover h4{ background:url(../images/sidebarbg.jpg) no-repeat -10px -6px; cursor:pointer;}

#pagelist {padding: 20px;text-align: center;}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span { cursor: pointer; font-family: "宋体";font-size: 12px;/* margin: 0 3px;*/ padding: 5px 8px;}
#pagelist a.on { font-family: "宋体"; font-size: 12px;}
#pagelist span.active { color: #fff; background:url(../images/sidebarbg.jpg) no-repeat left bottom;}
#pagelist a:hover, #pagelist span:hover { color:#fff; background:url(../images/sidebarbg.jpg) no-repeat left bottom;}

.product{}
.product li{ float:left; width:162px; margin:12px 10px 0 48px; text-align:center;}
.product li div,#xg_pic dl div{ width:160px; height:160px; border:1px solid #d9d9d9;}

#xg_pic dl a{ float:left; width:162px; text-align:center; margin:10px 10px 0 10px;}
#marquee {
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
#marquee img {
}
#marquee dl, #marquee dt, #marquee dd, #marquee a {
    float: left;
    padding: 0;
    text-align: center;
}
#marquee dl dt a {
    display: inline;
    float: left;
    line-height: 24px;
    width: 162px;
}
#marquee a {
    line-height: 24px;
}
#marquee dl {
    width: 1000%;
}

.product_c{}

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 402px;
}
.probar_right {
    height: 402px;
    width: 296px;
}
.probar_right li {
    border: 0 none;
}
.probar_right li h1, .probar_right li h3 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #DEDEDE;
    border-image: none;
    border-style: none none dashed;
    border-width: 0 0 1px;
    color: #084196;
    font-family: "微软雅黑";
    font-size: 14px;
}
#tagContent_ {
    border: 1px solid #DEDEDE;
    height: 400px;
    overflow: hidden;
    text-align: center;
    width: 400px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #DEDEDE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    overflow: hidden;
    text-align: center;
    width: 70px;
}
#thumb li:hover {
    border: 1px solid #F58F20;
}
#thumb li img {
}
#thumb li A {
    float: left;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 70px;
}
#thumb li.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.probar_right ul {
    padding: 0 0 0 15px;
}
.probar_right ul li {
    padding: 0 0 0 10px;
}
.probar_right ul li h1,.probar_right ul li h2{ font-size:14px; text-align:left; font-weight:100;}
.inp, .textarea {
    border: 1px solid #DEDEDE;
    color: #777777;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0;
    overflow: hidden;
    padding: 0 5px 0 7px;
    width: 247px;
}
.inp {
    height: 24px;
}
.textarea {
    height: 90px;
}
.sub {
    background: url("../images/zixun.gif") no-repeat scroll left center transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 18px;
    width: 61px;
}
.content .cont{ padding:0 10px;}

/*在线留言*/
#guest{ width:638px;line-height:22px; color:#545454;}
.input_on{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #999;
background-color:#FFFFCC; background-image:none;
}
.input_off{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_move{ float:left; margin:0;
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #0088cd;
background-color:#FFFFCC; background-image:none;
}
.input_out{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
.input_out1{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
height:70px;
border:1px solid #CCC;resize:none;
background-color:#FFF; background-image:none;
}
.input_out2{ float:left; margin:0;
/*height:16px;默认高度*/
padding:2px 8px 0pt 3px;
width:80px;height:18px;
border:1px solid #CCC;
background-color:#FFF; background-image:none;
}
#guest  .input_test{
margin:20px auto 0 auto;
width:500px; height:400px; padding-bottom:10px;
list-style-type:none;
}
#guest  ul.input_test .hr{ float:left; margin:0; padding:0; width:100%; line-height:27px; display:block; overflow:hidden;}
#guest  ul.input_test li{ float:left;
width:500px;
height:25px;
margin-bottom:10px; background-image:none; display:inline;
}
#guest  .input_test label{
float:left; margin:0; padding:0;
line-height:25px;
text-align:right;
font-size:12px; background-image:none;
}
#guest  .input_test span{ float:left;margin-left:0;
padding-left:10px;
line-height:25px;
text-align:left;
font-size:12px;
color:#999; background-image:none;
}
#guest .input_test .red{ float:none;color:#f00;}

#sub_btn, #sub_reset {width:50px; height:24px; line-height:24px; margin-right:10px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn.gif) no-repeat; */
#sub_btn:hover, #sub_reset:hover {width:50px; height:24px; line-height:24px;}
/*background:url({dede:global.cfg_templeturl /}/yh/images/bg_btn_hover.gif) no-repeat; */
#about  .news h4{background:#197ade;}